<template>
	<view class="appointment">
		<view class="img">
			<image class="image" src="../../static/img/activation.png" mode="aspectFit"></image>
			<view style="line-height: 40px;">您的账号未激活无法登录！</view>
			<view style="font-size: 12px;color:#D14B64;">请联系您的推荐人协助激活账号</view>
		</view>
		<view class="buttom">
			<view class="btn">
				<button class="hone" @click="golink('../login/login')">已激活返回登录</button>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: '',
				info: ''
			};
		},
		onLoad: function(option) {
			//获取路由传值
			this.type = option.type
			this.info = '恭喜' + this.type
			//动态修改title
			uni.setNavigationBarTitle({
				title: option.type
			});
		},
		methods: {
			golink(link) {
				uni.reLaunch({
					url: link,
				});
			}
		}
	}
</script>

<style lang="less">
	.appointment {
		display: flex;
		flex-direction: column;
		width: 100%;

		.img {
			border-top: 5px solid #F1F1F1;
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			.image {
				width: 100px;
				height: 120px;
			}
		}

		.buttom {
			height: 140px;
			display: flex;
			align-content: center;
			justify-content: space-around;

			.btn {
				width: 60%;

				.hone {
					background-color: #1D7BFF;
					color: #fff;
				}
			}
		}
	}
</style>
